<template>
  <div>
    <div
      class="uno-flex uno-text-center uno-w-full uno-h-full uno-justify-center uno-items-center"
    >
      我是首页
    </div>
    <!-- 需要将所有路由都获取到，然后将其映射到页面上，点击跳转到不同的页面 -->
    <div>
      <router-link
       class="uno-w-[100px] uno-h-[50px] uno-inline-flex uno-justify-center uno-items-center"
        v-for="item in routerList"
        :key="item.path"
        :to="item.path"
        >{{ item?.meta?.name }}</router-link
      >
    </div>
  </div>
</template>

<script setup lang="ts" name="IndexHome">
import { routerList } from "@/router";
import { useRoute } from "vue-router";
const Route = useRoute();
</script>

<style scoped></style>
